<ion-header>
    <ion-toolbar>
        <ion-title>工程要货单</ion-title>
        <ion-buttons slot="end">
            <ion-button>草稿箱</ion-button>
            <ion-button>新增</ion-button>
        </ion-buttons>
    </ion-toolbar>
    <div class="list_search_header">
        <input placeholder="搜索要货单号，客户姓名等，可模糊搜索" [(ngModel)]="condition">
        <span (click)="search">搜索</span>
    </div>
</ion-header>

<ion-content>

    <div class="qd_list">
        <template *ngFor="let item of needGoods">
            <div class="qd_item" (click)="goModify(item)">
                <div class="qd_header bor_bottom">
                    <div class="w12 qd_address"><em class="mr5">{{item['BZMC']}}</em>{{item['YHD01']}}</div>
                    <div class="w12 mt10">
                        <span class="w06 tl"><i class="fa fa-user-circle mr5"></i>{{item['YHD07']}}</span>
                        <span class="w06 tr"><i class="fa fa-phone-square mr5"></i>{{item['YHD06']}}</span>
                    </div>
                    <div class="w12 mt10">
                        <span class="w06 tl">要货金额：<b class="font_red ml5 mr5">{{item['SUM_SPLB01'] | money}}</b>元</span>
                        <span class="w06 tr"><i class="fa fa-file-text mr5"></i>{{item['DLD01']}}</span>
                    </div>
                </div>
                <div class="qd_body">
                    <div class="w12 mt10" :class="{'Y':'font_green','N':'font_red'}[item['YHD15']]">
                        <h3 class="w06">{{item['YHD15MC']}}</h3>
                        <span class="w06 tr font_gray font_size_small">{{item['YHD11']}}</span>
                        <span class="w12 font_size_small">{{item['YHD21']}}</span>
                    </div>
                </div>
            </div>
        </template>
    </div>

    <div class="tips_no_pro" *ngIf="needGoods.length <=  0">
        <div class="tips_no_main">
            <div class="w12 tc font_gray_ccc" style="font-size:50px;"><i class="fa fa-sticky-note-o"></i></div>
            <div class="w12 tc font_size_super mt20 font_gray_ccc">暂无要货单记录</div>
        </div>
    </div>

</ion-content>
